<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <LINK href="resourses/style.css" rel="stylesheet" type="text/css">
   <title>Mariachi Casa</title>
   <style>
      body {
         background-image:url('pictures/chipsAndSalsa.jpg');
		 background-repeat:no-repeat;
      }
   </style>
</head>


<!-- ------------------------------------------------------------------- -->
<script>
function help(){
	alert("A waiter is on the way to help you.");
	/////send a note to the waiters that this tablet needs help
}

function refill(){
	//refill screen popup
	window.open('refillScreen.html','refillWindow','resizable=no, titlebar=no, menubar=no, width=430, height=360, toobar=no');
}
</script>

<!-- ------------------------------------------------------------------- -->


<body>
<!-- Back Button and Title -->

<!-- All Buttons here in a two column table -->
	<table align="center">

	<!-- Language and Login -->
	<tr>
		<td align="center">Language</td>
		<td align="center">Login</td>
	</tr>
	<tr>
		<!-- Games -->
		<td align="center">
		<a href="gameScreen.html">
		Games
		</a></td>

		<!-- Feedback -->
		<td align="center">
		<a href="feedback.html">
		<img src="pictures/star5.png">
		</a></td>
	</tr>
	<tr>
		<!-- Food Menu -->
		<td align="center">
		<a href="foodMenu.html">
		Menu
		</a></td>

		<!-- Ticket -->
		<td align="center">
		<a href="paymentScreen.html">
		Ticket
		</a></td>
	</tr>
	</table>

<!-- Help and Refill buttons at the bottom. -->
       <div id="pageBottom">
       <button class="footerButton" onclick="help()">Help</button>
       <button class="footerButton" onclick="refill()">Refill</button>
       </div>
</body>

</html>

